{extend name='iview/base'/}


{block name="style"}
<style>
    div {
        font-size: 20px;
        color: red;
        width: 120px;
        height: 120px;
    }

    .a {
        background: #CCCCCC;
    }

    .a .b .c .d {
        background: #0000cc;
    }


</style>
{/block}
{block name="main"}
<div>
    <div class=".c">
        <div class="b">
            cb
        </div>
    </div>
    <div class="a b">
        <div>
            ab
        </div>
    </div>

    <div class="a">
        <div class="b">
           ab
        </div>
    </div>
    <div class="a">
        <div class="c">
            ac
        </div>
    </div>
</div>
{/block}